<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>采购订单页面</title>
    <link rel="stylesheet" href="../common/css/bootstrap-datetimepicker.min.css" />
</head>
<body>

   
    <!--头部-->
    <span id="header"></span>

    <div class="auth-main clearfix">
        
        <div id="nav"></div>
        <!--内容区域-->
        <div  class="main main-width-mid" >
            <div class="ibox-title" style="margin-top:0">
                <h5>采购订单</h5>
            </div>
            <div class="ibox-search m-t-sm" style="position: relative;">
                <div class="form-inline search-input">
                    <div class="input-group">
                        <span class="input-group-addon p-l-c">订单编号:</span>
                        <input type="text" class="form-control" placeholder="请输入订单编号" value="">
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">订单状态:</span>
                        <select class="form-control">
                            <option value="">--请选择--</option>
                        </select>
                    </div>
                    
                    
	
                    
                    
                    <div class="input-group">
                        <span class="input-group-addon">订单时间:</span>
                        <input type="text" class="form-control form_datetime"  value="2017-08-08">
                        <span class="input-group-addon" style="width:20px;padding:6px">-</span>
                        <input type="text" class="form-control form_datetime"   value="2017-08-18">
                    </div>
                </div>
                <div style="position: absolute; right:20px; top: 11px;">
                    <button type="button" class="btn btn-sm btn-danger" style="width:80px; height: 26px; padding: 0">查询</button>
                </div>
            </div>

            <div class="ibox-content clearfix" style="border-top:none">
                <table class="table table-bordered  u-table-center">
                    <thead>
                    <tr>
                        <th style="width:150px;">订单编号</th>
                        <th>供应商</th>
                        <th>订单日期</th>
                        <th>订单金额</th>
                        <th>订单状态</th>
                        <th style="width: 100px;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F">1600.00</td>
                        <td>待支付</td>
                        <td>
                            <a href="./支付订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">支付</a>
                            <a href="./正常订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">查看订单</a>
                            <a href="./评价卖家.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">评价卖家</a>
                        </td>
                    </tr>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F">1600.00</td>
                        <td>待发货</td>
                        <td>
                            <a href="./申请退货.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">取消订单</a>
                            <a href="./正常订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">查看订单</a>
                            <a href="./确认订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">合同快照</a>
                        </td>
                    </tr>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F">1600.00</td>
                        <td>已发货</td>
                        <td>
                            <a href="./确认收货.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">确认收货</a>
                            <a href="./正常订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">查看订单</a>
                            <a href="./正常订单物流运输.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">查看物流</a>
                            <a href="./确认订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">合同快照</a>
                        </td>
                    </tr>
                    <tr>
                        <td>20170404123456</td>
                        <td>xxxxxxx</td>
                        <td>2017-06-06</td>
                        <td style="color: #FF5A5F">1600.00</td>
                        <td>待确认收票</td>
                        <td>
                            <a href="./确认发票.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">确认收票</a>
                            <a href="./查看换票订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">查看订单</a>
                            <a href="./正常订单物流运输.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">查看物流</a>
                            <a href="./确认订单.html" type="button" class="btn btn-sm btn-outline " style="width: 100%;">合同快照</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
				
				<a href="javascript:;" class="btn x-btn-danger pull-right m-t-md m-b-lg">导出EXCEl</a>
                <!--分页-->
                <div class="page">
                    <ul class="pageMenu clearfix">
                        <li class="firstPage disabled">首页</li>
                        <li class="prevPage disabled"> &lt; 上一页</li>
                        <div class="pageObj ">

                            <li class="pageNum active" style="display: list-item;">1</li>
                            <li class="pageNum" style="display: list-item;">2</li>
                            <li class="pageNum" style="display: list-item;">3</li>
                            <li class="pageNum" style="display: list-item;">4</li>
                        </div>
                        <li class="nextPage"> 下一页 &gt;</li>
                        <li class="lastPage">尾页</li>
                        <li class="last" style="font-size: 14px;">
                            共<span class="totalPage">4</span>页，跳转至 <input type="number" class="keuInput" value="1">
                            <button type="button" class="btnSure">确定</button>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

    <!--页尾-->
    <span id="footer"></span>
  </body></html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../common/js/bootstrap-datetimepicker.js" ></script>
<script type="text/javascript" src="../common/js/bootstrap-datetimepicker.zh-CN.js" ></script>
<script type="text/javascript" src="../common/js/nav.js" ></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('title').after(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/nav.html', function (data) {
        $('#nav').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
           
    });
    
    
        
        //时间插件 
        $('.form_datetime').datetimepicker({  
            language: 'zh-CN', 
            minView:'month',
            weekStart:1,  
            todayBtn: 1,  
            autoclose:1,  
            todayHighlight:1,  
            startView: 2,  
            forceParse: 0,  
            showMeridian: 1,
        }).on('changeDate', function (ev) {
        	
            $(this).datetimepicker('hide');  
        }); 
		
                    
        
    
</script>